<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Escrituras de Separações, Divórcios e Inventários
        </ui:define>        

        <ui:define name="content">
            <h:form>

                <p:messages autoUpdate="true" />

                <p:fieldset legend="Dados">
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Número:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.numero }" />
                        </div>
                    </div>
                    
                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Tipo do Ato:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.atoTipoEP.descricao }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Data do Ato:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.dataAto }">
                                <f:convertDateTime pattern="dd/MM/yyyy" />
                            </p:outputLabel>
                        </div>                        
                    </div>

                    <p:panel styleClass="column12 noborder" rendered="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.atoTipoEP.tipoAtoCESDI == 'SEPARACAO_DIVORCIO' }">
                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Regime de Bens:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.regimeBens.nome }" />
                            </div>
                            <div class="column2 bold">
                                <p:outputLabel value="Data do Casamento:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.dataCasamento }">
                                    <f:convertDateTime pattern="dd/MM/yyyy" />
                                </p:outputLabel>
                            </div>
                        </div>
                        <div class="row">
                            <div class="column2 bold">
                                <p:outputLabel value="Quantidade de filhos maiores:" />
                            </div>
                            <div class="column3 text">
                                <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.quantidadeFilhosMaiores }" />
                            </div>
                        </div>
                    </p:panel>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.livro }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Livro:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.livroComplemento }" />
                        </div>                        
                    </div>

                    <div class="row">
                        <div class="column2 bold">
                            <p:outputLabel value="Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.folha }" />
                        </div>
                        <div class="column2 bold">
                            <p:outputLabel value="Complemento do Folha:" />
                        </div>
                        <div class="column3 text">
                            <p:outputLabel value="#{ managerPesquisarEscrituraSDI.escrituraVisualizar.folhaComplemento }" />
                        </div>
                    </div>                    
                    
                </p:fieldset>
                
                <p:fieldset legend="Partes">

                    <p:dataTable value="#{ managerPesquisarEscrituraSDI.partesVisualizar }" var="parte"
                                 rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma parte adicionada">

                        <p:column headerText="Nome" width="50%">
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'FISICA' or parte.pessoa.tipoPessoa eq 'OAB' or parte.pessoa.tipoPessoa eq 'OUTROS' }" value="#{ parte.pessoa.nome }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'JURIDICA' }" value="#{ parte.pessoa.razaoSocial }" />
                        </p:column>
                        <p:column headerText="Documento" width="20%">
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'FISICA' }" value="#{ managerPesquisarEscrituraSDI.adicionarMascaraCPF(parte.pessoa.cpf) }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'JURIDICA' }" value="#{ managerPesquisarEscrituraSDI.adicionarMascaraCNPJ(parte.pessoa.cnpj) }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'OAB' }" value="#{ parte.pessoa.OAB }" />
                            <h:outputText rendered="#{ parte.pessoa.tipoPessoa eq 'OUTROS' }" value="#{ parte.pessoa.outros }" />
                        </p:column>
                        <p:column headerText="Qualidade" width="25%">
                            <h:outputText value="#{ parte.qualidade.descricao }" />
                        </p:column>
                    </p:dataTable>
                    
                </p:fieldset>

                <p:fieldset legend="Selos">

                    <p:dataTable value="#{ managerPesquisarEscrituraSDI.selosEPVisualizar }" var="seloEP"
                            rows="5" paginator="true" paginatorPosition="bottom" emptyMessage="Nenhuma selo adicionada">

                        <p:column headerText="Número" width="30%">
                            <h:outputText value="#{ seloEP.numero }" />
                        </p:column>
                        <p:column headerText="Série" width="30%">
                            <h:outputText value="#{ seloEP.serie }" />
                        </p:column>
                        <p:column headerText="Tipo" width="35%">
                            <h:outputText value="#{ seloEP.tipoSelo.nome }" />
                        </p:column>
                    </p:dataTable>
                    
                </p:fieldset>

                <p:fieldset legend="Anexos">
                    <p:panel styleClass="thumbnail" rendered="#{ managerPesquisarEscrituraSDI.anexosVisualizar.size() == 0 ? false : true }">
                        <ui:repeat value="#{ managerPesquisarEscrituraSDI.anexosVisualizar }" var="anexo">
                            <h:outputLink
                                value="#{ anexo.tipo ne 'application/pdf' ? 'viewImage.xhtml' : 'show' }" title="#{ anexo.nomeExibicao }"  target="_blank">

                                    <p:graphicImage rendered="#{ managerImagem.imagem(anexo) }"
                                                    url="#{ managerImagem.urlThumbnailImagem(anexo) }" />
                                    <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexo(anexo) }"
                                                rendered="#{ managerImagem.imagem(anexo) }"/>
                                    <p:graphicImage height="100" width="100" rendered="#{ managerImagem.PDF(anexo) }" 
                                                    url="#{ managerImagem.urlPDF }" />
                                    <p:outputLabel styleClass="nome_anexo" value="#{ managerImagem.nomeAnexoPdf(anexo) }" 
                                                rendered="#{ managerImagem.PDF(anexo) }"/>
                                    <f:param name="annex" value="#{managerImagem.urlVisualziarImagem(anexo)}"/>

                            </h:outputLink>
                        </ui:repeat>
                    </p:panel>
                </p:fieldset>

                <div class="command">
                    <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="pesquisarEscrituraSDI.xhtml" />
                </div>

            </h:form>

        </ui:define>
    </ui:composition>
    
</html>